草庐IT

前端 PM

全部标签

从0到1实现一个前端监控系统(附源码)

目录一、从0开始二、上报数据方法三、上报时机四、性能数据收集上报收集上报FP收集上报FCP收集上报LCP收集上报DOMContentLoaded收集上报onload数据收集上报资源加载时间收集上报接口请求时间五、错误数据收集上报收集上报资源加载错误收集上报js错误收集上报promise错误六、行为数据收集上报收集上报pv、uv页面上报停留时长用户点击上报七、改造完善四维监控类总结可参考文章参考资料在我已有的职业生涯中,前端确实大多数时候是在裸奔的,这是这篇文章被我写出来的理由。而且,现在是一个数据时代,没有数据很多时候就没有反馈没有下一步,也就没有进步。一个完整的前端监控平台包括三个部分:数据

微信小程序纯前端从阿里云OSS下载json数据-完整版

起因因为云开发开始收费(貌似很久了),准备改造在以前的小程序,数据转到oss上,小程序使用原生,不算专业领域,所以先百度....网上的教程真的是千篇一律,大部分开局就是require('ali-oss'); 好点的npminstallali-oss--save开局,拼凑操作到最后发现要用云开发,因为云开发才有node环境,大多数帖子只有内容没有环境的 本人的错误示例所以声明以下这篇文章是“纯前端”,"无需后端","小白版"准备小程序设置服务器域名小程序开发设置中需要设置下Bucket域名创建RAM角色,文档中有步骤

用CPU大法忽悠ChatGPT写前端,油猴子工具库+1

文章目录用CPU大法忽悠ChatGPT写前端,油猴子工具库+1源起对话1.作为一名天才js程序员,开发一个油猴子脚本,实现所有浏览器网页的自动下滑功能,每一个步骤都加上中文注释2.加一个按钮,只有我点击了按钮才会开始自动下滑3.下滑的有点快,一次下滑半个页面就可以了4.可以加个滑动条让我控制下滑速度么?范围是1-10秒5.显示滑动条选择的值,用1s这种格式6.这里没写完,继续吧7.刚才这段代码的注意事项没有写完,请重新写一下吧8.加入自动上滑功能9.先取消自动上滑功能吧10.滚动的速度太慢,有没有一种可能,哪里写错了11.好,那就100ms滚动一次,每次1/10个屏幕,重新写下代码吧12.现在

前端请求大比拼:Fetch、Axios、Ajax、XHR

前端请求大比拼:Fetch、Axios、Ajax、XHR当涉及前端网络请求时,有许多工具/技术可供选择,包括Fetch、Axios、Ajax和XHR等。这些技术在发送和处理HTTP请求方面提供了不同的功能和方法。本文将深入探讨这些技术的特点、优势和用法,帮你更好地理解并选择最适合项目需求的技术。一、基本概念Fetch、Axios、Ajax和XHR都是前端用于发送HTTP请求的工具或技术:Fetch:一种现代化的网络请求方法,通过使用Promise处理异步操作,简洁而直观地发送HTTP请求、处理响应,并支持各种功能和API,如设置请求头、传递参数、处理流数据、上传下载文件等。Axios:一个基于

前端-后端-数据库连接总结

一、前端1、登录页面搭建 登录 取消  2、管理页面搭建 修改密码 安全退出 王小虎 操作菜单 学生管理 老师管理 Main 通过配置路由导航守卫实现两页面之间的跳转 3、异步请求发送后端,验证账号首先使用xios来发送,因为原生态的ajax代码繁琐首先要引入axios.js文件或者安装axios的脚手架$npminstal

【前端vue+elemenui】el-table根据表格数据设置整行样式或单元格样式

首先需要了解俩个函数,row-class-name、cell-class-name这里以cell-class-name单元格样式为例row-class-name行的className的回调方法,也可以使用字符串为所有行设置一个固定的className。Function({row,rowIndex})/Stringcell-class-name单元格的className的回调方法,也可以使用字符串为所有单元格设置一个固定的className。Function({row,column,rowIndex,columnIndex})/String 审批意见:{{item.opinion}}-->{{i

前端学习之音视频及其谷歌浏览器无法自动播放的解决方法(3)

目录一、音视频的应用: 二、谷歌浏览器音视频无法播放的解决方法方法1:在代码中敲入下图中的js代码方法2:网站设置一、音视频的应用:在vscode中敲入 打开浏览器,音视频自动播放。 二、谷歌浏览器音视频无法播放的解决方法方法1:在代码中敲入下图中的js代码window.onload=function(){setInterval("toggleSound()",1);}functiontoggleSound(){varmusic=document.getElementById("music");//获取IDif(music.paused){//判读是否播放music.paused=false;

前端新员工入职,需要为你的新电脑安装一些环境,开发工具

目录一.先安装个谷歌浏览器,稳定版。二.安装公司日常交流软件三.安装个VSCode四.安装nvm五.vue-cli的安装和配置六.安装git配置git账号拉取线上仓库到本地一些常用git命令GitLab配置公钥私钥 七.其他工具网络抓包工具:whistle反向代理工具:nginx调试接口工具:postman重构工具:PS、XD等收到电脑要看一下配置,先把配置内存条搞定,不然安装完环境,用了两天发现内存不足,还不能安内存条,那就得换电脑,开发环境白配置了,要重新来。。。一.先安装个谷歌浏览器,稳定版。作为一名前端程序员,和浏览器打交道肯定是必不可少的。Chrome,Edge都有着丰富的扩展资源。

前端(node.js)调用dll动态链接库

Ⅰ-壹-需求使用jsnode调用dll动态链接库.github地址如下,包含dll,里面就一个Add方法暴露出来githubⅡ-贰-两种方式调用dll当前开发环境Windows1122H2nodev16.20.0Python3.11.2一node直接调用需要安装这俩库ffi-napinpmiffi-napinpmi-gnode-gypapp.jsvarffi=require('ffi-napi');varlibm=ffi.Library('./add.dll',{'Add':['int',//对应C函数返回类型['int','int']//C函数参数列表],});console.log(lib

【前端早早聊直播回顾】Harmony Next 与 Flutter 的不解之缘

Hello大家好,我是FlutterGDE郭树煜,本次要分享的话题是关于鸿蒙与Flutter的故事,可能没接触过的会感觉有点懵,Harmony和Flutter有啥关系,它们怎么会被放到一起讲了呢?接下来就让我们来聊聊这个问题。聊一聊HarmonyNext相信大家应该都听说过,在今年的HDC大会上,华为宣布了Harmony的Next版本,该版本在2023年8月6号已经开始面向合作企业开发者开放,2024年第一季度会面向所有开发者开放,也就是明年开始,HarmonyNext会开始使用全自研内核,去掉了传统的AOSP代码,仅支持鸿蒙内核和鸿蒙系统的应用,官方表示调整将减少了40%的「冗余代码」。所以